const list = ref<any>([]);
export default function useScrollXCard(isFetching = true) {
  async function fetchList() {
    const timer = setTimeout(() => {
      clearTimeout(timer);
      list.value = [
        {
          title: "Fajar",
          time: "06:04:39 AM",
          type: 1
        },
        {
          title: "Sunrise",
          time: "07:15:16 AM",
          type: 1
        },
        {
          title: "Dahwa-e-Kubra",
          time: "12:42:43 PM",
          type: 1
        },
        {
          title: "Zuhr",
          time: "01:17:46 PM",
          type: 1
        },
        {
          title: "Zuhr",
          time: "01:17:46 PM",
          type: 1
        },
        {
          title: "Current Prayer",
          cate: "Asr",
          time: "04:34:15 PM",
          type: 2
        },
        {
          title: "Upcoming Prayer",
          cate: "Maghrib",
          time: "01:25:22",
          startTime: "07:22:32 PM",
          type: 3
        },
        {
          title: "Isha",
          time: "08:29:50 PM",
          type: 4
        }
      ];
    }, 300);
  }
  onMounted(() => {
    isFetching && !list.value.length && fetchList();
  });

  return {
    list,
    fetchList
  };
}
